<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>学习强校</title>
	<meta name="description" content="">
	<meta name="author" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<link rel="stylesheet" type="text/css" href="index/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="index/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="index/templatemo-style.css">
	<link rel="stylesheet" type="text/css" href="index/t1.css">
	<script src="index/jquery-1.10.2.min.js"></script>
	<script src="index/modernizr.min.js"></script>
	<style type="text/css">
       @media (max-width: 768px) {
       	#cta h4{font-size: 30px;}
       	#cta p{display: none}
       	#map h4 {font-size: 20px}
       }
	</style>
</head>
<body>
	<header class="site-header" id="top">
		<nav class="navbar navbar-default navbar-fixed-top">
			<div class="container">
				<div class="row">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
							<i class="fa fa-bars"></i>
						</button>
						<div class="logo-wrapper">
							<a class="navbar-brand" href="#templatemo">
								
								<img src="images/logo.png">
							</a>
						</div>
					</div>
					<div class="collapse navbar-collapse" id="main-menu" style="max-height: 539px;">
						<ul class="nav navbar-nav navbar-right">
							<li><span></span><a href="#top" class="home">首页</a></li>
							
                      
							 
							<!--<li><span></span><a href="#container" class="about">学习内容</a></li>-->
							<li><span></span><a href="#cta" class="portfolio">学习理论</a></li>
							 <li><span></span><a href="#map" class="about">学习科学</a></li>
							<li><span></span><a href="#first-section" class="portfolio">红色中国</a></li>
							<li><span></span><a href="#second-section" class="map">中国变迁</a></li>
							<li><span></span><a href="#third-section" class="contact">联系我们</a></li>
						</ul>
					</div>
				</div>
			</div>
		</nav>
	</header>
	<div id="big-banner">
		<div class="container">
			<div class="row">
				<div class="col-md-12 col-xs-12">
					<ul class="main-icons">
						<li><a href="#"><i class="fa fa-gamepad"></i>海量、免费学习资源</a></li>
						<li><a href="#"><i class="fa fa-video-camera"></i>理论宝库</a></li>
						<li><a href="#"><i class="fa fa-music"></i>精神家园</a></li>
						<li><a href="#"><i class="fa fa-bolt"></i>信息平台</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div id="cta"  style="height:300px;">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<h4>
				       习近平：奋力开创中部地区崛起新局面

					</h4>  
					<p>	
 						习近平在江西考察并主持召开推动中部地区崛起工作座谈会
					</p>
			 
		
				</div>
			</div>
		</div>
	</div>	

	

	<div id="map" style="height:400px;">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<h4>							 
						      创新是一个民族进步的灵魂，是一个国家兴旺发达的不竭动力
						   
						</h4>	
						<p>
							知识改变人生，科技创造未来!
						</p>
						
				  					
					</div>
				</div>
			</div>
	</div>

	<div id="first-section">
		<div class="heading">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<h2 class="header-section-title">学习流程</h2>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="first-section1">
		<div class="container">
			<div class="row">
				<div class="triangle"></div>
			</div>
			<div class="row">
				<div class="col-md-12">
					<section id="cd-timeline" class="cd-container">
						<div class="cd-timeline-block">
							<div class="cd-timeline-img cd-picture bounce-in">
								<img src="index/first-icon.png" alt="Picture">
							</div>
							<div class="cd-timeline-content service-box-content bounce-in">
								<h2>永远的丰碑</h2>
								<p>2005年2月1日起，中央主要媒体和各省区市主要媒体，开展《永远的丰碑》大型主题宣传活动，同步介绍一位中国共产党80多年历史上的优秀代表人物、革命英烈和劳动模范。</p>
							</div>
						</div>
						<div class="cd-timeline-block">
							<div class="cd-timeline-img cd-movie bounce-in">
								<img src="index/second-icon.png" alt="Picture">
							</div>
							<div class="cd-timeline-content service-box-content bounce-in">
								<h2>经典著作</h2>
								<p>文化没有断过流、始终传承下来的只有中国。中华文明底蕴深厚，几千年积淀下来的传统文化博大精深。品读文化经典，不仅是了解过去，也是了解现在和未来。</p>
							</div>
						</div>
						<div class="cd-timeline-block">
							<div class="cd-timeline-img cd-icon bounce-in">
								<img src="index/third-icon.png" alt="Picture">
							</div>
							<div class="cd-timeline-content service-box-content bounce-in">
								<h2>红色记忆</h2>
								<p>对我党历史上的重大事件进行了深入细致的介绍，史料翔实。党史上的每一个重大事件，都是一堂生动的党课，系统地读下去，就是一次生动的党史教育。</p>
							</div>
						</div>
						<div class="cd-timeline-block">
							<div class="cd-timeline-img cd-location bounce-in">
								<img src="index/fourth-icon.png" alt="Picture">
							</div>
							<div class="cd-timeline-content service-box-content bounce-in">
								<h2>党史学习</h2>
								<p>党史学习是党内学习的一个重要内容，是弘扬优良传统坚定理想信念，弄清历史是非统一思想，凝聚全党力量指导未来的重要途径，是道路自信、理论自信、制度自信、文化自信的重要基础。</p>
							</div>
						</div>
					</section>
				</div>
			</div>
		</div>
	</div>
	<div class="copyrights">
		
	</div>

	<div id="second-section">
		<div class="heading">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<h2>中国变迁</h2>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="second-section2">
		<div class="container">
			<div class="row">
				<div class="triangle"></div>
			</div>
			<div class="row">
				<div class="col-md-12">
					<section id="cd-timeline-2" class="cd-container">
						<div class="cd-timeline-block">
							<div class="cd-timeline-img cd-picture bounce-in">
								<img src="index/camera-icon.png" alt="Picture">
							</div>
							<div class="cd-timeline-content projects bounce-in">
								<img src="index/bq55.jpg" alt="">
								<div class="project-content">
									<h2>伟大变革，飞向天空</h2>
									<span></span>
								</div>
							</div>
						</div>
						<div class="cd-timeline-block">
							<div class="cd-timeline-img cd-picture bounce-in">
								<img src="index/camera-icon.png" alt="Picture">
							</div>
							<div class="cd-timeline-content projects bounce-in">
								<img src="index/bq44.jpg" alt="">
								<div class="project-content">
									<h2>中国速度,创造奇迹</h2>
									<span></span>
								</div>
							</div>
						</div>
						<div class="cd-timeline-block">
							<div class="cd-timeline-img cd-picture bounce-in">
								<img src="index/camera-icon.png" alt="Picture">
							</div>
							<div class="cd-timeline-content projects bounce-in">
								<img src="index/bq22.jpg" alt="">
								<div class="project-content">
									<h2>交通便利，四通八达</h2>
									<span></span>
								</div>
							</div>
						</div>
						<div class="cd-timeline-block">
							<div class="cd-timeline-img cd-picture bounce-in">
								<img src="index/camera-icon.png" alt="Picture">
							</div>
							<div class="cd-timeline-content projects bounce-in">
								<img src="index/bq11.jpg" alt="">
								<div class="project-content">
									<h2>努力工作，奔小康</h2>
									<span></span>
								</div>
							</div>
						</div>
						<div class="cd-timeline-block">
							<div class="cd-timeline-img cd-picture bounce-in">
								<img src="index/camera-icon.png" alt="Picture">
							</div>
							<div class="cd-timeline-content projects bounce-in">
								<img src="index/bq00.jpg" alt="">
								<div class="project-content">
									<h2>生产大丰收</h2>
									<span></span>
								</div>
							</div>
						</div>
					</section>
				</div>
			</div>
		</div>
	</div>

	<div id="third-section">
			<div class="heading">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<h2>联系我们</h2>
						</div>
					</div>
				</div>
			</div>
	</div>
	<div id="third-section3">
			<div class="container">
				<div class="row">
					<div class="triangle"></div>
				</div>
				<div class="row">
					<div class="col-md-8">
						<form class="form">
							<div class="row">
								<div class="name col-md-4">
									<input type="text" name="name" id="name" placeholder="姓名">
								</div>
								<div class="email col-md-4">
									<input type="text" name="email" id="email" placeholder="邮箱">
								</div>
								<div class="subject col-md-4">
									<input type="text" name="subject" id="subject" placeholder="简要主题">
								</div>
							</div>
							<div class="row">
								<div class="text col-md-12">
									<textarea name="text" placeholder="请在此输入内容"></textarea>
								</div>
							</div>
							<div class="submit">
								<input type="submit" value="发送">
							</div>
						</form>
					</div>
					<div class="col-md-4">
						<div class="contact-discription">
							<h4>关于我们</h4>
							<p>和学习强校新闻站一样，我们是一群朝气蓬勃有梦想的人，一直追逐在学习创新的路上。
							<br><br>
							<strong>办公地点:</strong><br>
							某市高新技术产业园区科技南十二路软件园
							<br><br>
							Tel: 000 000 0000<br>
							Email: info@xtong.com
							<br><br>
							我们是个年轻且富有激情的互联网团队，我们期待与您一起，让中国更美好！
							</p>
						</div>
					</div>
				</div>
			</div>
	</div>
	<footer>
		<div class="container">
			<div class="footer-content">
				<div class="row">
					<div class="col-md-12">
						<div class="col-md-4">
							
						</div>
						<div class="col-md-4">
							<div class="copyright-text">
								<p>Copyright © 2019 学习强校 </p>
							</div>
						</div>
						<div class="col-md-4">
							<div class="back-to-top">
								<a href="#top">回到顶部</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</footer>

<script type="text/javascript" src="index/bootstrap.min.js"></script>
<script type="text/javascript" src="index/custom.js"></script>

</body>
</html>